<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
</head>

<body>
    <div id="user_model" style="display: none;">
        <section>
            <div>
                <p>修改资料</p>
                <i class="iconfont icon-cuowu" id="close"></i>
            </div>
            <div>
                <i class="iconfont icon-jinggao"></i>
                你可以在这里对个人资料进行修改完善
            </div>
            <table>
                <tr>
                    <td>手机号</td>
                    <td id="userPhone">13999999999</td>
                    <td><b>*手机号暂时不允许进行修改，如需修改，请联系我们</b></td>
                </tr>
                <tr>
                    <td>设置头像</td>
                    <td id="img">
                        <img src="./../images/u15.png" alt="" id="imgshow">
                        <input type="file" name="" id="icon" data-src="">
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td>姓名</td>
                    <td><input type="text" placeholder="张三" id="uname"></td>
                    <td></td>
                </tr>
                <tr>
                    <td>性别</td>
                    <td id="gender">
                        <input type="radio" name="gender" value="0" checked>男
                        <input type="radio" name="gender" value="1">女
                    </td>
                    <td></td>
                </tr>
                <tr>
                    <td>选择部门</td>
                    <td>
                        <select name="bumen" id="">
                            <option value="">办公室</option>
                            <option value="">文娱部</option>
                            <option value="">击剑部</option>
                        </select>
                    </td>
                    <td></td>
                </tr>
            </table>
            <section>
                <button id="cancel">关闭</button>
                <button id="save">提交保存</button>
            </section>
        </section>
    </div>
    <header>
        <a href="index.html"><img src="../images/u15.png" alt=""> 蜗牛考试系统</a>
        <div>
            <div id="user">
                <img id="userImg" src="./../images/u15.png"></img>
                <p id="username">张三</p>
            </div>
            <i class="iconfont icon-shezhi" id="set_btn"></i>
        </div>
        <div id="seting">
            <ul>
                <li id="change_acount">换个账号</li>
                <li id="sign_out">退出登录</li>
            </ul>
        </div>
    </header>
    <main>
        <ul id="test_model">
            <li><span></span><i class="iconfont icon-jinru"></i></li>
            <li><span></span><i class="iconfont icon-xitongtuisong"></i></li>
            <li><span></span><i class="iconfont icon-yanchurili"></i></li>
            <li><span></span><i class="iconfont icon-caozuo-xunhuan1"></i></li>
            <li><span></span><i class="iconfont icon-caidan"></i></li>
        </ul>
        <section>
            <nav>
                <div class="wraper">
                    <div id="backGeound"></div>
                    <ul id="nav">
                        <li class="active" id="homeInfo">首页</li>
                        <li id="myCollections">我的收藏</li>
                        <li id="myErrors">错题库</li>
                    </ul>
                </div>
                <p id="rank"><i class="iconfont icon-paihangbang"></i>排行榜</p>
                <div id="rank_model">
                    <ul id="rank_content">
                        
                    </ul>
                </div>
            </nav>
            <article id="content">
                <section id="home">
                    <div>
                        <section>
                            <p>数据看板</p>
                            <div>
                                <div>
                                    <p id="testnum">138</p>
                                    <span>练习题数</span>
                                </div>
                                <div>
                                    <p id="testdays">23</p>
                                    <span>学习天数</span>
                                </div>
                                <div>
                                    <p><span id="testscore">6</span>分</p>
                                    <span>最近考试</span>
                                </div>
                            </div>
                        </section>
                        <section>
                            <div>
                                今日未学习<i class="iconfont icon-bazi"></i>
                            </div>
                            <ul id="sign">
                                <li class="isSign">12</li>
                                <li class="isSign">12</li>
                                <li class="isSign">12</li>
                                <li class="isSign">12</li>
                                <li>12</li>
                                <li class="isSign">12</li>
                                <li>12</li>
                            </ul>
                        </section>
                    </div>
                    <article>
                        <ul>
                            <li>
                                <div>通知公告</div>
                                <div>
                                    <select name="" id="selscted">
                                        <option value="total" class="color">全部</option>
                                        <option value="read" class="color">已读</option>
                                        <option value="unread" class="color">未读</option>
                                    </select>
                                    <div class="triangle"></div>
                                </div>
                            </li>
                        </ul>
                    </article>
                    <article>
                        <ul id="notice">
                            <li class="read">
                                <p>中央第十一巡视组巡视中国南方电网有限责任公司党组工作动员会召开<i style="display: none;">[ 未读 ]</i></p>
                                <span>2019-04-13 12:34</span>
                            </li>
                            <li class="read">
                                <p>公司召开“互联网+”平台业务开展工作研讨会<i style="display: none;">[ 未读 ]</i></p>
                                <span>2019-04-13 12:34</span>
                            </li>
                            <li>
                                <p>关于组织2019年电力作业知识考试的通知【重要】<i>[ 未读 ]</i></p>
                                <span>2019-04-13 12:34</span>
                            </li>
                            <li>
                                <p>关于安全管理和生产规模的统一技术培训会议通知<i>[ 未读 ]</i></p>
                                <span>2019-04-13 12:34</span>
                            </li>
                            <li>
                                <p>中国XXXXXX有限责任公司企业负责人2017年度薪酬信息披露<i>[ 未读 ]</i></p>
                                <span>2019-04-13 12:34</span>
                            </li>
                            <li>
                                <p>广东省XXXXXX有限公司公开选聘总经理、副总经理、总会计师、总法律顾问岗位通知<i>[ 未读 ]</i></p>
                                <span>2019-04-13 12:34</span>
                            </li>
                            <li>
                                <p>中央第十一巡视组巡视中国南方电网有限责任公司党组工作动员会召开<i>[ 未读 ]</i></p>
                                <span>2019-04-13 12:34</span>
                            </li>
                            <li>
                                <p>中国XXXXXX有限责任公司企业负责人2017年度薪酬信息披露<i>[ 未读 ]</i></p>
                                <span>2019-04-13 12:34</span>
                            </li>
                            <li>
                                <p>中央第十一巡视组巡视中国南方电网有限责任公司党组工作动员会召开<i>[ 未读 ]</i></p>
                                <span>2019-04-13 12:34</span>
                            </li>
                            <li>
                                <p>公司召开“互联网+”平台业务开展工作研讨会<i>[ 未读 ]</i></p>
                                <span>2019-04-13 12:34</span>
                            </li>
                        </ul>
                        <div id="notice_model" style="display: none;">
                            <div>
                                <p class="notic_title"><span>中央第十一巡视组巡视中国南方电网有限责任公司党组工作动员会召开</span><i class="iconfont icon-cuowu" id="notice_close"></i></p>
                                <div><span id="notice_addres">信息中心</span><span id="notice_time">2019-04-13 12:14</span></div>
                                <div id="notice_content">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第一，中国特色社会主义是社会主义而不是其他什么主义，科学社会主义基本原则不能丢，丢了就不是社会主义。我们党始终强调，中国特色社会主义，既坚持了科学社会主义基本原则，又根据时代条件赋予其鲜明的中国特色。这就是说，中国特色社会主义是社会主义，不是别的什么主义。一个国家实行什么样的主义，关键要看这个主义能否解决这个国家面临的历史性课题。在中华民族积贫积弱、任人宰割的时期，各种主义和思潮都进行过尝试，资本主义道路没有走通，改良主义、自由主义、社会达尔文主义、无政府主义、实用主义、民粹主义、工团主义等也都“你方唱罢我登场”，但都没能解决中国的前途和命运问题。是马克思列宁主义、毛泽东思想引导中国人民走出了漫漫长夜、建立了新中国，是中国特色社会主义使中国快速发展起来了。不说更早的时期，就从改革开放开始，特别是苏联解体、东欧剧变以后，唱衰中国的舆论在国际上不绝于耳，各式各样的“中国崩溃论”从来没有中断过。但是，中国非但没有崩溃，反而综合国力与日俱增，人民生活水平不断提高，“风景这边独好”。历史和现实都告诉我们，只有社会主义才能救中国，只有中国特色社会主义才能发展中国，这是历史的结论、人民的选择。
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;近些年来，国内外有些舆论提出中国现在搞的究竟还是不是社会主义的疑问，有人说是“资本社会主义”，还有人干脆说是“国家资本主义”、“新官僚资本主义”。这些都是完全错误的。我们说中国特色社会主义是社会主义，那就是不论怎么改革、怎么开放，我们都始终要坚持中国特色社会主义道路、中国特色社会主义理论体系、中国特色社会主义制度，坚持党的十八大提出的夺取中国特色社会主义新胜利的基本要求。这就包括在中国共产党领导下，立足基本国情，以经济建设为中心，坚持四项基本原则，坚持改革开放，解放和发展社会生产力，建设社会主义市场经济、社会主义民主政治、社会主义先进文化、社会主义和谐社会、社会主义生态文明，促进人的全面发展，逐步实现全体人民共同富裕，建设富强民主文明和谐的社会主义现代化国家；包括坚持人民代表大会制度的根本政治制度，中国共产党领导的多党合作和政治协商制度、民族区域自治制度以及基层群众自治制度等基本政治制度，中国特色社会主义法律体系，公有制为主体、多种所有制经济共同发展的基本经济制度。这些都是在新的历史条件下体现科学社会主义基本原则的内容，如果丢掉了这些，那就不成其为社会主义了。
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;邓小平同志曾经深刻地、总结性地指出：“我们的现代化建设，必须从中国的实际出发。无论是革命还是建设，都要注意学习和借鉴外国经验。但是，照抄照搬别国经验、别国模式，从来不能得到成功。这方面我们有过不少教训。”过去不能搞全盘苏化，现在也不能搞全盘西化或者其他什么化。冷战结束后，不少发展中国家被迫采纳了西方模式，结果党争纷起、社会动荡、人民流离失所，至今都难以稳定下来。《庄子·秋水》中写道：“且子独不闻夫寿陵余子之学行于邯郸与?未得国能，又失其故行矣，直匍匐而归耳。”我们千万不能“邯郸学步，失其故行”。我们就是把马克思主义中国化，就是搞中国特色社会主义。近年来，随着我国综合国力和国际地位上升，国际上关于“北京共识”、“中国模式”、“中国道路”等议论和研究也多了起来，其中不乏赞扬者。一些外国学者认为，中国的快速发展，导致一些西方理论正在被质疑，一种新版的马克思主义理论正在颠覆西方的传统理论。我们始终认为，各国的发展道路应由各国人民选择。所谓的“中国模式”是中国人民在自己的奋斗实践中创造的中国特色社会主义道路。我们坚信，随着中国特色社会主义不断发展，我们的制度必将越来越成熟，我国社会主义制度的优越性必将进一步显现，我们的道路必将越走越宽广，我国发展道路对世界的影响必将越来越大。我们就是要有这样的道路自信、理论自信、制度自信，真正做到“千磨万击还坚劲，任尔东西南北风”。
<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第二，我们党领导人民进行社会主义建设，有改革开放前和改革开放后两个历史时期，这是两个相互联系又有重大区别的时期，但本质上都是我们党领导人民进行社会主义建设的实践探索。中国特色社会主义是在改革开放历史新时期开创的，但也是在新中国已经建立起社会主义基本制度并进行了20多年建设的基础上开创的。正确认识这个问题，要把握3个方面。一是，如果没有1978年我们党果断决定实行改革开放，并坚定不移推进改革开放，坚定不移把握改革开放的正确方向，社会主义中国就不可能有今天这样的大好局面，就可能面临严重危机，就可能遇到像苏联、东欧国家那样的亡党亡国危机。同时，如果没有1949年建立新中国并进行社会主义革命和建设，积累了重要的思想、物质、制度条件，积累了正反两方面经验，改革开放也很难顺利推进。二是，虽然这两个历史时期在进行社会主义建设的思想指导、方针政策、实际工作上有很大差别，但两者决不是彼此割裂的，更不是根本对立的。我们党在社会主义建设实践中提出了许多正确主张，当时没有真正落实，改革开放后得到了真正贯彻，将来也还是要坚持和发展的。马克思早就说过：“人们自己创造自己的历史，但是他们并不是随心所欲地创造，并不是在他们自己选定的条件下创造，而是在直接碰到的、既定的、从过去承继下来的条件下创造。”三是，对改革开放前的历史时期要正确评价，不能用改革开放后的历史时期否定改革开放前的历史时期，也不能用改革开放前的历史时期否定改革开放后的历史时期。改革开放前的社会主义实践探索为改革开放后的社会主义实践探索积累了条件，改革开放后的社会主义实践探索是对前一个时期的坚持、改革、发展。对改革开放前的社会主义实践探索，要坚持实事求是的思想路线，分清主流和支流，坚持真理，修正错误，发扬经验，吸取教训，在这个基础上把党和人民事业继续推向前进。
                                </div>
                            </div>
                        </div>
                    </article>
                    <footer>
                        <button id="more">查看更多数据</button>
                    </footer>
                </section>
                <section id="mycollection" class="topic" style="display: none;">
                    <article id="collection_subject">
                        <ul class="wrape" id="Collections">
                            <!-- <li>
                                <p>我的收藏</p>
                                <ul>
                                    <li>
                                        <i>A</i>
                                        Type='text/babel'
                                    </li>
                                    <li>
                                        <i>B</i>
                                        Type=text/javascript
                                    </li>
                                    <li>
                                        <i>C</i>
                                        Type=text/html
                                    </li>
                                    <li>
                                        <i>D</i>
                                        Type=text/html
                                    </li>
                                </ul>
                                <section>
                                    <button class="cancel_collection">取消收藏</button>
                                    <div>
                                        <button class="prev">上一题</button>
                                        <button class="next">下一题</button>
                                    </div>
                                </section>
                                <aside class="collection_resolution">
                                    <p>考生答案: <span>A</span></p>
                                    <p>正确答案: <span>A</span></p>
                                    <p>解析：为了可以哼却解析JSX语法，需要再标签中加入什么属性？asdasdasdsdsad<br><br>sasdas（）</p>
                                </aside>
                            </li>
                            <li>
                                <p>2222222222222</p>
                                <ul>
                                    <li>
                                        <i>A</i>
                                        Type='text/babel'
                                    </li>
                                    <li>
                                        <i>B</i>
                                        Type=text/javascript
                                    </li>
                                    <li>
                                        <i>C</i>
                                        Type=text/html
                                    </li>
                                    <li>
                                        <i>D</i>
                                        Type=text/html
                                    </li>
                                </ul>
                                <section>
                                    <button>取消收藏</button>
                                    <div>
                                        <button class="prev">上一题</button>
                                        <button class="next">下一题</button>
                                    </div>
                                </section>
                                <aside class="collection_resolution">
                                    <p>考生答案: <span>A</span></p>
                                    <p>正确答案: <span>A</span></p>
                                    <p>解析：为了可以哼却解析JSX语法，需要再标签中加入什么属性？（）</p>
                                </aside>
                            </li> -->
                        </ul>
                    </article>
                    <aside>
                        <div>
                            <span>提卡</span>
                            <p>共<span id="">12</span>题</p>
                        </div>
                        <section id="collectionAnswerSheet">
                            <!-- <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div> -->
                        </section>
                        <div>
                            <span>默认显示解释</span>
                            <input type="checkbox" class="switch" id="collection_switch" checked>
                        </div>
                    </aside>
                </section>
                <section id="myerrors" class="topic" style="display: none;">
                    <article id="error_subject">
                        <ul class="wrape" id="Errors">
                            <!-- <li>
                                <p>为了可以哼却解析JSX语法，需要再标签中加入什么属性？（）</p>
                                <ul>
                                    <li>
                                        <i>A</i>
                                        Type='text/babel'
                                    </li>
                                    <li>
                                        <i>B</i>
                                        Type=text/javascript
                                    </li>
                                    <li>
                                        <i>C</i>
                                        Type=text/html
                                    </li>
                                    <li>
                                        <i>D</i>
                                        Type=text/html
                                    </li>
                                </ul>
                                <section>
                                    <button>取消收藏</button>
                                    <button>标记已学会</button>
                                    <div>
                                        <button>上一题</button>
                                        <button>下一题</button>
                                    </div>
                                </section>
                                <aside class="error_resolution">
                                    <p>考生答案: <span>C</span></p>
                                    <p>正确答案: <span>A</span></p>
                                    <p>解析：为了可以哼却解析JSX语法，需要再标签中加入什么属性？（）</p>
                                    <div>错误</div>
                                </aside>
                            </li>
                            <li>
                                <p>2222222222222）</p>
                                <ul>
                                    <li>
                                        <i>A</i>
                                        Type='text/babel'
                                    </li>
                                    <li>
                                        <i>B</i>
                                        Type=text/javascript
                                    </li>
                                    <li>
                                        <i>C</i>
                                        Type=text/html
                                    </li>
                                    <li>
                                        <i>D</i>
                                        Type=text/html
                                    </li>
                                </ul>
                                <section>
                                    <button>取消收藏</button>
                                    <button>标记已学会</button>
                                    <div>
                                        <button>上一题</button>
                                        <button>下一题</button>
                                    </div>
                                </section>
                                <aside class="error_resolution">
                                    <p>考生答案: <span>C</span></p>
                                    <p>正确答案: <span>A</span></p>
                                    <p>解析：为了可以哼却解析JSX语法，需要再标签中加入什么属性？（）</p>
                                    <div>错误</div>
                                </aside>
                            </li> -->
                        </ul>
                    </article>
                    <aside>
                        <div>
                            <span>提卡</span>
                            <p>共<span id="">12</span>题</p>
                        </div>
                        <section id="errorAnswerSheet">
                            <!-- <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div>
                            <div>1</div>
                            <div>2</div> -->
                        </section>
                        <div>
                            <span>默认显示解释</span>
                            <input type="checkbox" class="switch" id="error_switch" checked>
                        </div>
                    </aside>
                </section>
            </article>
        </section>
    </main>
    <div id="msg"></div>
</body>

</html>